@import './base.scss';
@import './theme.scss';

$navbarWidth: 140px;
$headHeight: 80px;

@mixin flex-row() {
    display: flex;
    flex-direction: row;
}

@mixin flex-column() {
    display: flex;
    flex-direction: column;
}

@mixin flex-column() {
    display: flex;
    flex-direction: column;
}

@mixin flex-start-center() {
    justify-content: start;
    align-items: center;
}

@mixin flex-center-start() {
    justify-content: center;
    align-items: start;
}

@mixin flex-center() {
    justify-content: center;
    align-items: center;
}

@mixin flex-between-center() {
    justify-content: space-between;
    align-items: center;
}

@mixin flex-end-center() {
    justify-content: flex-end;
    align-items: center;
}

@mixin ellipsis($row: 1) {
    text-overflow: ellipsis;
    -webkit-line-clamp: $row;
    overflow: hidden;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    word-wrap: break-word;
    word-break: break-all;
}
